<template>
  <div class="spin-sty">
    <a-spin :indicator="indicator" tip="加载中..." />
  </div>
</template>
<script setup lang="ts">
import { LoadingOutlined } from '@ant-design/icons-vue'
import { h } from 'vue'
const indicator = h(LoadingOutlined, {
  style: {
    fontSize: '50px'
  },
  spin: true
})
</script>

<style scoped lang="scss">
.spin-sty {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
</style>
